@CHARSET "UTF-8";
/* 自定义动画 */
.animate {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.wraper{width:86.583333%;max-width: 1600px;margin: 0 auto;position: relative;}
@media only screen and (max-width:1550px){
   .wraper{width:89.583333%}

}
/*<link rel="preload" as="font" href="/css/fonts/Noto_Serif_SC/NotoSerifSC-Bold.otf" type="font/otf" crossorigin="anonymous">*/
/*<<<<<<<<<<<<<<<<<<<<<< 公共 >>>>>>>>>>>>>>>>>>>>>>>*/
@font-face{font-family:'din';src:url(../font/DINCond-Regular.eot);src:url(../font/DINCond-Regular.eot) format('embedded-opentype'),url(../font/DINCond-Regular.woff2) format('woff2'),url(../font/DINCond-Regular.woff) format('woff'),url(../font/DINCond-Regular.bin) format('truetype'),url(../font/DINCond-Regular.svg) format('svg')}
@font-face {
    font-family: "Rany-Regular";
    src: url(../font/Rany.ttf);
}

@font-face {
    font-family: "Rany-Bold";
    src: url(../font/Rany-Bold.ttf);
}

@font-face {
   font-family: "Rany-Italic";
    src: url(../font/Rany-Italic.ttf);
}

@font-face {
    font-family: "Rany-Light";
    src: url(../font/Rany-Light.ttf);
}
@font-face {
    font-family: "Rany-Medium";
    src: url(../font/Rany-Medium.ttf);
}
@font-face{font-family:'din';src:url(../font/DINCond-Regular.eot);src:url(../font/DINCond-Regular.eot) format('embedded-opentype'),url(../font/DINCond-Regular.woff2) format('woff2'),url(../font/DINCond-Regular.woff) format('woff'),url(../font/DINCond-Regular.bin) format('truetype'),url(../font/DINCond-Regular.svg) format('svg')}
.fupcs{text-transform: capitalize;}

.fm-ANb{ font-family:'din';font-weight: bold; }

html,body{font-family:'Msyh(Microsoft YaHei)';}
body{position: relative; *overflow-x: hidden;}
img{max-width:100%;transition: all .6s;-webkit-transition: all .6s;-moz-transition: all .6s;-ms-transition: all .6s;-o-transition: all .6s;vertical-align: middle;}
/* .body-bg{position: fixed; left: 0; top: 0; z-index: -999; width: 100%; height: 100%;} */
input, select, textarea, button {vertical-align: middle;resize: none;-webkit-appearance: none !important;outline: none;border: none;background: transparent; }
.overfloat-dot{overflow:hidden;text-overflow:ellipsis;white-space:nowrap; width:100%}/*文本超出 小圆点显示*/
.overfloat-dot-2{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.overfloat-dot-3{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.overfloat-dot-4{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}

.fnt100{font-size: 5.208333vw;line-height: 1.2;}
.fnt80{font-size: 4.16666vw;line-height: 1.2;}
.fnt72{font-size: 3.75vw;line-height: 1.2;}
.fnt60{font-size: 3.125vw;line-height: 1.3;}
.fnt52{font-size:2.70833vw;line-height: 1.3;}
.fnt50{font-size:2.6041666vw;line-height: 1.3;}
.fnt48{font-size:2.5vw;line-height: 1.3;}
.fnt45{font-size:2.34375vw;line-height: 1.3;}
.fnt40{font-size:2.08333vw;line-height: 1.4;}
.fnt36{font-size:1.875vw;}
.fnt30{font-size:1.5625vw;}
.fnt26{font-size: 1.354vw;}
.fnt24{font-size: 1.25vw;}
.fnt22{font-size: 1.145833vw;}
.fnt20{font-size: 1.04166vw;}
.fnt18{font-size: 0.9375vw;line-height: 1.8;}
.fnt16{font-size: 0.83333vw;line-height: 1.8;}
.fnt14{font-size: 0.72916vw;line-height: 1.8;}

.viewer-title{display: none;}
.tips1230{font-size: 0.16rem; text-align: center; margin-bottom: 0.4rem; padding: 0.1rem 0.2rem; background: #3eabe3; color: #FFF; border-radius: 100px;}
@media only screen and (min-width:1024px){
	.div_m,.div-m,.m-head{display: none;}
}
@media only screen and (max-width:1024px){

	.div_pc,.div-pc,.pc-head{display: none;}
	html,body{/*max-width:750px;*/ margin: 0 auto;}
	.wrap{width: 100%;}
	.tips1230{display: none;}

}


/* 回到头部 */
.backtop{position: fixed; right:0px; cursor: pointer; display: none; transition: all 0.5s;bottom: 0; z-index: 999999; width:80px; height:70px;display: flex; align-items: center; justify-content: center; color: #FFF; background: #3eabe3;}
.backtop em{display: inline-block;animation: backtop 2s linear infinite;}
@media only screen and (max-width:1024px){
	.backtop{width: .8rem; height: .8rem; border-radius: 50%; right: 0.3rem; bottom: 1rem;transform: skew(0);-webkit-transform: skew(0);-moz-transform: skew(0);-o-transform: skew(0);-ms-transform: skew(0);} 	
	.backtop em{font-size: .24rem; text-transform: uppercase;transform: skew(0);-webkit-transform: skew(0);-moz-transform: skew(0);-o-transform: skew(0);-ms-transform: skew(0);} 	
	
}
@media only screen and (min-width:1024px) and (max-width:1440px){
	
	.backtop{right: -0.1rem; width: 0.9rem; height: 0.8rem;}
	.backtop em{background-size: 0.14rem; padding-top: 0.16rem;}
	
}
/*<<<<<<<<<<<<<<<<<<<<<< 头部+底部 >>>>>>>>>>>>>>>>>>>>>>>*/
.head{ width: 100%;  transition: all 0.3s;}
.pc-head{position:relative;z-index: 2;}
.pc-head .wraper {position: static;}
.pc-head .head1{display:flex; justify-content: space-between;align-items: center;}
.pc-head .head1r{font-family:'din';color:#3eabe3;font-weight:bold;font-size:.34rem;}
.pc-head .head1r i{}
.pc-head .head1r svg{width:.26rem;height: 0.26rem;transform: rotate(220deg);}
.pc-head hr{margin: 0;background:#ededed;height:1px;border:0;}
.pc-head .logo{height: 0.6rem; margin: 0.2rem 0 0.2rem 0;}

.pc-head .logo img{height:100%; width: auto;}
.pc-head.small .head2{position:fixed;top:0;left:0;width:100%;background:#fff;box-shadow: 1px 1px 20px #cccccc42;}
.pc-head .head2::after{content: ""; display: block; clear: both;}
.pc-head .head2 nav .li{display: inline-block;}
.pc-head .head2 nav{display: flex; width:100%;text-align: center; margin: 0 auto;*justify-content: space-between;}
.pc-head .head2 nav::after{content: ""; display: block; clear: both;}
.pc-head .head2 nav .li .column{display: block; line-height: 0.72rem; font-size: 0.20rem; margin:0 0.4rem; transition: all 0.3s;padding-bottom: 20px;}
.pc-head .head2 nav .on{}
.pc-head .head2 nav .on>a{color:#fff;background:#3eabe3;border-radius:0 0 20px 20px;padding:0 .2rem;}

.pc-head .head2 nav .li .column.downs{position: relative;z-index:10;}
.pc-head .head2 nav .li .column.downs::after{content: ""; transition: all 0.3s; display: block; width: 0.1rem; height: 100%; position: absolute; right: 0; top: 0; z-index: 1; }
/*.pc-head .head2 nav .li:first-child .column{margin-left:0;}
.pc-head .head2 nav .li:last-child .column{margin-right:0;}*/
.pc-head .head2 nav .li .li-info{width: 100%; background: rgba(255,255,255,0.98); position: absolute; top: 100%; left: 0;margin-top:-20px; backdrop-filter: blur(5px);z-index:9;}
.pc-head .head2 nav .li .li-info .li-box{position: relative;  justify-content: center;  display: flex; padding: 0.3rem 0; color: #FFF;}
.pc-head .head2 nav .li .li-info .li-box .uls::after{content: ""; display: block; clear: both;}
.pc-head .head2 nav .li .li-info .li-box .uls .ul{float: left; margin-right: 0.4rem;}
.pc-head .head2 nav .li .li-info .li-box .uls .ul .li{display: block; color: #333; text-align: left; line-height: 200%; transition: all 0.3s; font-size: 0.18rem; padding-right: 0.15rem; }
.pc-head .head2 nav .li .li-info .li-box .uls .ul .li.li-top{margin-bottom: 0.2rem; font-size: 0.16rem;color: #222;}
.pc-head .head2 nav .li .li-info .li-box .uls .ul .li:nth-child(n+2){margin-bottom: 0.1rem;}
.pc-head .head2 nav .li .li-info .li-box .uls .ul .li:hover{color: #3eabe3;}
.pc-head .head2 nav .li .li-info .li-box .info-r{margin-left: 0.8rem;}
.pc-head .head2 nav .li .li-info .li-box .info-r .rli{display: block; cursor: pointer; width: 2.5rem; min-width: 200px; min-height: 80px; height: 1.5rem; position: relative; border-radius: 0.08rem; overflow: hidden;}
.pc-head .head2 nav .li .li-info .li-box .info-r .rli img{width: 100%; height: 100%; object-fit: cover; transition: all 0.6s;}
.pc-head .head2 nav .li .li-info .li-box .info-r .rli span{display: block; width: 100%; position: absolute; z-index: 1; top: 30%; left: 0;  font-size: 0.14rem; padding-top: 0.40rem;}
.pc-head .head2 nav .li .li-info .li-box .info-r .rli:nth-child(n+2){margin-top: 0.2rem;}
.pc-head .head2 nav .li .li-info .li-box .info-r .rli:hover img{transform: scale(1.05);}
.pc-head .head2 nav .li .li-info{display: none;}
/* .pc-head .head2 nav .li.li3 .li-info{display: block;} */
.pc-head .head2 nav .li.li .li-info .li-box .uls .ul{border: none; padding: 0;}
.pc-head .head2 nav .li.li .li-info .li-box .uls .ul.ul-warp .li{width: 42%;}
.pc-head .head2 nav .li.li .li-info .li-box .uls .ul.ul-warp{display: flex; width:5.5rem; justify-content: space-between; flex-wrap: wrap;}
.pc-head .head2 nav .li.li .li-info .li-box .info-r .rli:nth-child(n+2){margin-left: 0.45rem; margin-top: 0;}

.pc-head .head2 .logo{z-index: 1;}
.pc-head .head2 .head2r::after{content: ""; display: block; clear: both;}


@media only screen and (max-width:1920px){
}
@media only screen and (max-width:1620px){
.pc-head .head2 nav .li .column{font-size:0.22rem;margin: 0 0.52rem;}
}
@media only screen and (max-width:1024px){
	.head{/*max-width: 750px;*/ margin: 0 auto;}
	.m-head{width: 100%;}
	.m-head .mhead{padding: 0.2rem; background: #FFF;}
	.m-head .mhead .logo img{height:30px;}
	.m-head .mhead-content{display: none; height: calc(100vh - 0.91rem); overflow: hidden; overflow-y: auto; background: rgba(36,195,137,.8); backdrop-filter: blur(10px);}
	.m-head .mhead-content::-webkit-scrollbar{display: none;}
	.m-head .mhead-content{-ms-overflow-style: none;}
	.m-head .mhead-content{overflow: -moz-scrollbars-none;}
	.m-head .mhead-content .nav{padding: 0.5rem 0;}
	.m-head .mhead-content .nav li .nav_two{display: none; padding: 0.2rem 0.5rem;}
	.m-head .mhead-content .nav li .nav_two a{display: block; font-size: 0.30rem; line-height: 180%; margin: 0.2rem auto; color: #E2F5FF; transition: all 0.3s;}
	.m-head .mhead-content .nav li .nav_two a.menu3a{color: #3eabe3;}
	.m-head .mhead-content .nav li .menu2a{padding: 0.2rem 0.3rem; border-bottom:#c7ced240 solid 1px; position: relative;}
	.m-head .mhead-content .nav li .menu2a::after{content: ""; display: block; width: 0.2rem; height: 0.2rem; background: url(../images/right-white.svg) no-repeat center; background-size: contain; position: absolute; right: 0.3rem; top: 50%; z-index: 1; top: 0; bottom: 0; margin: auto 0; transition: all 0.3s;}
	.m-head .mhead-content .nav li .menu2a.menua::after{display: none;}
	.m-head .mhead-content .nav li .menu2a a{color: #FFF; font-size: 0.30rem; line-height: 150%; transition: all 0.3s;}
	.m-head .mhead-content .nav li .menu2a.menua a{display: block;}
	.m-head .mhead-content .nav li.nav-ing .menu2a a{color: #3eabe3;}
	.m-head .mhead-content .nav li.nav-ing .menu2a::after{}
	.m-head .mhead-content .nav li.lis-on .menu2a::after{transform: rotate(90deg);}
	.navBox{cursor: pointer;display:flex;}
	.navBox .menu{display: block; width: 0.5rem; height: 0.35rem; position: relative; z-index: 99; transition-duration: 0.3s;}
	.burger_lin .icon{height: .05rem; width: 100%; top: calc(50% - 0.03rem);background-color: #3eabe3;border-radius: 20px;position: absolute;transition-duration: 0.3s;transition-delay: 0.5s;}
	.burger_lin .icon:before {content: ""; width: 0.5rem; height: 100%; position: absolute; left: 0; top: -0.145rem; background-color: #3eabe3; border-radius: 50px; transition: transform 0.3s, top 0.3s 0.3s;transition-delay: 0.5s;}
	.burger_lin .icon:after {content: ""; width: 0.5rem; height: 100%; position: absolute; left: 0; top: 0.145rem; background-color: #3eabe3; border-radius: 50px; transition: transform 0.3s, top 0.3s 0.3s;transition-delay: 0.5s;}
	.burger_lin.open .icon {transition-duration: 0.1s;transition-delay: 0.3s;background: transparent;width: 0;}
	.burger_lin.open .icon:before {transition: top 0.3s, transform 0.3s 0.3s;top: 0;transform: rotateZ(-45deg);}
	.burger_lin.open .icon:after {transition: top 0.3s, transform 0.3s 0.3s;top: 0;transform: rotateZ(45deg);}
	}
.banner-swiper{width: 100vw; height:80vh;margin-top: -20px;}
.banner-swiper .swiper-slide img{width: 100%; height: 100%; object-fit: cover;}
.banner-swiper .swiper-slide img{transition: 1s linear 2s;transform: scale(1.1,1.1);}
.banner-swiper .swiper-slide-active img,.banner-swiper .swiper-slide-duplicate-active img{transition: 11s linear;transform: scale(1,1);}
.banner-swiper .swiper-slide::before{ display: block; width: 100%; height: 100%; background: rgba(82,140,208,.4); position: absolute; left: 0; top: 0; z-index: 1;}
.banner-swiper .swiper-pagination{position:relative;bottom:30px !important}
.banner-swiper .swiper-pagination-fraction,.banner-swiper .swiper-pagination-custom,.banner-swiper .swiper-horizontal > .swiper-pagination-bullets,.banner-swiper .swiper-pagination-bullets.swiper-pagination-horizontal{width:auto;}
.banner-swiper .swiper-pagination-bullet{background: #FFF; width: 0.15rem; height:0.15rem;position:relative;border-radius:100%;}
.banner-swiper .swiper-pagination-bullet-active{background:#3eabe3}
.banner-swiper .swiper-pagination-bullet{opacity:1}
.banner-swiper .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,.banner-swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 12px;}
.banner-swiper.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 0.15rem;}
.banner-swiper .swiper-button-next, .banner-swiper.swiper-container-rtl .swiper-button-prev{background: url(../images/h-next.svg) no-repeat center; background-size: contain;opacity: 1;}
.banner-swiper .swiper-button-prev, .banner-swiper.swiper-container-rtl .swiper-button-next{background: url(../images/left.svg) no-repeat center; background-size: contain;opacity: 1;}
.banner-swiper .swiper-button-prev, .banner-swiper .swiper-button-next{opacity: 1; width: 0.7rem; height: 0.7rem; transition: all 0.3s;bottom: 10px;top: auto;}
.banner-swiper .swiper-button-prev::after, .banner-swiper .swiper-button-next::after{display: none;}
.banner-swiper .swiper-button-next, .banner-swiper.swiper-container-rtl .swiper-button-prev{}
.banner-swiper .swiper-button-prev, .banner-swiper.swiper-container-rtl .swiper-button-next{left:0;}
@media only screen and (min-width:1024px) and (max-width:1366px){
	.banner-swiper .swiper-button-next, .banner-swiper.swiper-container-rtl .swiper-button-prev{right: 1.25rem;}
	.banner-swiper .swiper-button-prev, .banner-swiper.swiper-container-rtl .swiper-button-next{left: 1.2rem;}
}
.banner-swiper .txt{position: absolute; left: 0; top: 50%; z-index: 1; display: flex; justify-content: space-between; transform: translateY(-50%); color: #FFF; width: 100%;}
.banner-swiper .txt .txtl .lp1{ letter-spacing: 0.1em;font-size: 0.3rem;margin-top:.6rem;}
.banner-swiper .txt .txtl h2{position:relative;font-size: 0.8rem; font-weight:bold;line-height: 140%;}
/*.banner-swiper .txt .txtl h2:after{content:'';position:absolute;left:0;top:-.3rem;width:1.1rem;height:.07rem;background:#fff;}*/
.banner-swiper .txt .txtl .more1213{display: inline-block;margin-top: 0.8rem;font-size: 0.16rem;line-height: 0.44rem;color: #FFF;padding: 0 0.55rem;background: #3eabe3;transition: all 0.3s;}
.banner-swiper .txt .txtl .more1213:hover{color: #3eabe3; background: #FFF;}

@media only screen and (max-width:1024px){
	.banner-swiper .scroll-down{display: none;}
	.banner-swiper{width: 100%; height:6.5rem;}
	.banner-swiper .txt{flex-direction: column; padding: 0 6%; top: 3rem;  transform: translateY(0);}/*bottom: 0.8rem;*/
	.banner-swiper .txt .txtl .lp1{font-size: 0.32rem;margin-top: 0.1rem;}
	.banner-swiper .txt .txtl h2{font-size: 0.48rem; line-height: auto;}
	.banner-swiper .txt .txtl .more1213{margin-top: 0.3rem; font-size: 0.28rem; line-height: 200%; padding: 0 0.4rem;}
	.banner-swiper .swiper-button-prev, .banner-swiper .swiper-button-next{display: none;}	

}
.cont_tbx{display: flex; justify-content: space-between; align-items: flex-end;}
.intit .t1{font-size: 0.42rem; color:#000000;display: inline-block;margin-top:6px;}
.intit .t2{font-size: 0.20rem;color: #b2b5b9;margin-top:10px;}
.more1213_bai{color: #FFF;border:1px solid #fff;}
.more1213_cai{border:1px solid #3eabe3;color: #3eabe3;}
.more1213{position:relative;display: flex;align-items: center;font-size: 0.16rem;line-height: 0.60rem;padding: 0 0.42rem;overflow: hidden;
  transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);-webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);  -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);  -ms-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);  -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); }
.more1213 span,.more1213 svg{position:relative;z-index:2}
.more1213 svg{margin-left:10px;width:.4rem;height:.2rem;}
.more1213:after{content: "";position: absolute;top: 50%;left: 50%;width: 6px;height: 6px;margin-top: -3px;margin-left: -3px;-ms-transform: scale(0);-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);transition: all 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86);-webkit-transition: all 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86);-moz-transition: all 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86);-ms-transition: all 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86);-o-transition: all 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86);z-index: 1;}
.more1213:hover:after {transform: scale(100);}
.more1213_bai:after{background-color: #fff;}
.more1213_cai:after{background-color: #3eabe3;}
.more1213_cai:hover{color:#fff; background:#3eabe3;}
.more1213_bai:hover{color:#3eabe3; background:#FFF;}
.more1213_bai:hover svg path{fill:#3eabe3}
.more1213_cai:hover svg path{fill:#fff}
.phone{display:none !important;}
.more{display: inline-block;}
.pdb100{padding-bottom:100px;}
.pdt100{padding-top:100px;}

/*首页关于*/
.h-box1{*background:#f6f8fa;}
.h-box1 .wraper{display:flex;justify-content: space-between;}
.h-box1 .h-box-img{width:48%;}
.h-box1 .h-box-img img{width:100%;}
.h-box1 .wraper .h-box-text{}
.h-box1 .wraper .h-cont{width:100%;}
.h-box1 .h-box-rt{width:46%;height: 100%;}
.h-box1 .wraper{height:100%;}
.h-box1 .h-cont-text{font-size:.2rem;font-weight:bold;line-height:.36rem;margin-top:.35rem;}
.h-box1 .more{margin-top:.8rem;display:flex;}
.h-cont{display:inline-block;}
.h-cont::after{content:""; display:block;clear:both;}
.h-cont .li{position:relative;float:left;padding-top:0.6rem;width:33.333%;}
.h-cont .li .num .numbs{font-family:'din';font-size:0.60rem;color:#3eabe3;font-weight:900;}
.h-cont .li .num .txt1{font-size:0.44rem;font-family: 'din';color:#3eabe3;}
.h-cont .li .num .txt2{font-size:0.22rem;font-family: 'din';color:#3eabe3;font-weight:900;}
.h-cont .li .p{font-size:0.16rem;line-height:0.2rem;opacity:.7;}

/*首页关于*/
/*
.h-box1{background:url(../images/about_bg.jpg) no-repeat center;background-size: cover; background-attachment: fixed;}
.h-box1 .wraper {display: flex;align-items: center;justify-content: space-between; }
.h-box-lt img{widtH:100%;}
.h-box1 .wraper .h-box-text{width:55%;color:#fff;}
.h-box1 .wraper .h-cont{width:42%;}
.h-box1 .h-box-rt{width:100%;height: 100%;}
.h-box1 .h-cont-text{font-size:.2rem;line-height:.36rem;margin-top:.3rem;}
.h-box1 .intit .t1{color:#fff;}
.h-box1 .intit .t2{color:#fff;}
.h-box1 .more{margin-top:.6rem;display:flex;}
 .h-cont{display:inline-block;}
 .h-cont::after{content:""; display:block;clear: both;}
 .h-cont .li{position:relative;float:left;padding: 0.3rem 0; display: flex;align-items: center;justify-content: center;width:50%;}
 .h-cont .li .text{color:#fff;}
 .h-cont .li .num .numbs{font-family: 'Rany-Bold'; font-size: 0.60rem;font-weight:900;}
 .h-cont .li .num .txt1{font-size: 0.40rem;font-family: 'Rany-Bold';}
 .h-cont .li .num .txt2{font-size: 0.22rem;font-family: 'Rany-Bold'; font-weight:900;}
 .h-cont .li .p{font-size: 0.16rem; line-height: 0.2rem;opacity: .7;}
.h-box1 .h-jt-btm{position: absolute;right:1rem;top:30%;z-index: 9;width:.49rem}*/

/*首页产品*/
.inpro-box1{background: #fafafa;}
.inpro-box1 .wraper{display:flex;justify-content: space-between;}
.inpro-box1 .prolibox{background:#3eabe3;margin-top:.4rem;padding-bottom:.56rem;}
.inpro-box1 .inpro-left{width:25%;}
.inpro-box1 .tab{width:100%;}
.inpro-box1 .tab ul{width:100%; margin-left: 0.3rem;padding:.3rem 0}
.inpro-box1 .tab li{position:relative;font-size:.18rem;line-height:.42rem;}
.inpro-box1 .tab li:after{position:absolute;bottom:-2px;;content:'';display: block;width:0%;height:2px;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all .2s ease-in-out;transition: all 0.2s ease-in-out;}
.inpro-box1 .tab li.active:after{width:100%;}
.inpro-box1 .tab li:hover:after{width:100%;}
.inpro-box1 .tab li.active p{font-weight:bold;}
.inpro-box1 .tab li a{display:flex;justify-content: space-between;color:#fff;}
.inpro-box1 .tab li a p{position:relative;padding-left:28px;}
.inpro-box1 .tab li a p:after{content:'';position:absolute;left:0;font-size:0;display:inline-block;margin:0 8px;border:5px solid transparent;border-left:6px solid rgb(255 255 255 / 42%);top:50%;margin-top:-3px;;}
.inpro-box1 .tab li span{background:url(../images/jt3.svg) center no-repeat;padding:4px;}
.inpro-box1 .tab li:hover span,.inpro-box1 .tab li.active span{background:url(../images/jt4.svg) center no-repeat}
.inpro-box1 .tab .active p:after,.inpro-box1 .tab li:hover a p:after{border-left:6px solid rgb(255 255 255 / 100%);}
.inpro-box1 .tab li:hover p{font-weight:bold;}
.inpro-box1 .more{margin-left:.3rem;}
.more_phone,.xs-show {display:none;}

.inpro-box1 .inpro-right{width:70%;margin-top:.5rem;}
.inpro-box1 .inpro-right ul{display:flex;flex-wrap:wrap;}
.inpro-box1 .inpro-right li{width:33.333%;padding:0.1rem;}
.inpro-box1 .inpro-right li div{*padding:0.4rem .2rem 0.1rem;position: relative; overflow: hidden;}
.inpro-box1 .inpro-right li a{background:#f3f4f5;display:block;text-align:center;}
.inpro-box1 .inpro-right li h3{padding:.2rem 0.2rem .3rem;}
.inpro-box1 .inpro-right li:hover img{ transform: scale(1.1);}

/*首页解决方案*/
.index_box2 {position:relative;}
.index_box2 .wraper{z-index:9}
.index_box2 .intit{position: absolute;top:1.6rem;left:0%;z-index:9}
.index_box2 .intit .t1{color:#fff}
.index_box2 .intit .t2{color:#fff;opacity: .7;}
.index_box2 .mySwiper3 {position: relative;margin-top:.65rem;overflow: hidden; }
.index_box2 .mySwiper3 .swiper-slide img{width:100%;}
.index_box2 .swiper .wraper  {position: absolute;top:4.6rem;left: 50%;transform: translate(-50%, -50%);z-index: 9;color: #fff;display: flex;flex-direction: column;align-items: flex-end;}
.index_box2 .swiper .hy-txt-box{width:52%;}
.index_box2 .swiper .hy-txt-box .txt {font-size:.2rem;line-height:.42rem;margin-top:.48rem}
.index_box2 .swiper .hy-txt-box h3{font-size:.44rem;}
.index_box2 .mySwiper3 .more{display: inline-block;margin-top:.90rem;}
.index_box2 .mySwiper {overflow: hidden;}
.index_box2 .mySwiper .thumb-item {display:flex;align-items:center;justify-content:center;height:1.3rem;cursor: pointer;color:#333333}
.index_box2 .mySwiper .thumb-item img{width: 2vw;height:2vw}
.index_box2 .mySwiper .thumb-item .l-txt {margin-left:.24rem;font-size:.24rem;color:#fff;}
.index_box2 .mySwiper .swiper-slide.swiper-slide-thumb-active .thumb-item {opacity: 100%;background:rgb(62 171 227 / 60%);color:#fff;}
.index_box2 .swiper-slide{}
.index_box2 .inbox2_bot{border-top:1px solid rgb(255 255 255 / 30%);position: absolute;bottom:0;width:100%;}
.index_box2 .inbox2_bot .swiper-slide{border-left:1px solid rgb(255 255 255 / 30%);}
.index_box2 .inbox2_bot .swiper-slide:first-child{border-left:none;}

.swiper-slide{cursor:pointer}

/*首页案例*/
.h-box4 {background:url(../images/news_bg.jpg) no-repeat center;background-size: cover;}
.h-box4 .intit{}
.h-box4 .ul{margin-top: .65rem;}
.h-box4 .ul .li{position:relative;display: block;float:left; width:31.7%;margin-bottom:20px;margin-right: calc((100% - 3 * 31.7%) / 2); transition: all 0.3s;}
.h-box4 .ul .li:nth-child(3n){margin-right:0;}
.h-box4 .ul .li .img{width:100%; height:0;overflow: hidden; padding-bottom: 63.5%; position: relative;}
.h-box4 .ul .li .img img{position:absolute; transition:all 0.5s; left: 0;top: 0; z-index: 1; width: 100%; height: 100%; object-fit: cover;}
.h-box4 .ul .li .txt{padding:0.10rem 0 0.20rem;transition: all .6s; position: relative;z-index: 99;}
.h-box4 .ul .li .txt .txt-h,.h-box4 .ul .li:hover .txt2 .txt-h{font-size:0.2rem;line-height: 200%;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.h-box4 .ul .li .txt2,.h-box4 .ul .li:hover .txt{display:none;}
.h-box4 .ul .li .txt2 .txt-sub{transition: all .6s;color: #8a9194;}
.h-box4 .ul .li:after{content:'';position:absolute;left:0;top:0;z-index:9;width:0%;height:0%;background:#3eabe3;}
.h-box4 .ul .li:hover .txt2{display:block;}
.h-box4 .ul .li:hover:after{width:100%;height:120%;/*-webkit-box-shadow:0 3px 26px rgba(0, 0, 0, .1);-moz-box-shadow:0 3px 26px rgba(0, 0, 0, .1);box-shadow:0 3px 26px rgba(0, 0, 0, .1);*/}
.h-box4 .ul .li:hover img{transform:scale(1.05);}
.h-box4 .ul .li:hover .txt2{position:absolute; z-index:12;top:3vw;padding:0 20px;}
.h-box4 .ul .li:hover .txt2 .txt-sub{color:#fff;display:block;position:relative;font-size: 0.16rem; line-height: 0.3rem; }
.h-box4 .ul .li:hover .txt2 .txt-h{color:#fff;}
.h-box4 .ul .li:hover .txt2 .txt-sub:after{content:'';position:absolute;left:0;top:4.6vw;height:3px;background:#fff;width:20%;}

.h-box4 .more{margin-top:.7rem;display:flex;justify-content:center;}

.f_center{text-align:center;}

/*首页新闻*/
.inws{background:#fafafa;}
.inws-a{float: left;}
/*
.inws .news-ul{margin-top: .6rem;} 
.inws .news-ul-l{float:left;width:44.466%}
.inws .news-ul-r{width:52%;float:right;}
.inws .news-li{width:100%;display: inline-block;vertical-align: top;margin-right: 2.2%;margin-bottom: 2.5%;color: #222;position: relative;border-bottom:1px solid #dfdfdf;padding-bottom:.7vw;}
.inws .news-a{opacity:.6;font-size:.20rem;} 
.inws .news-b{font-size:.22rem;line-height: 2vw; } 
.inws .news-c{font-size:.18rem;opacity: .7;line-height:.24rem;}
.inws .news-ul-l img{width:100%;}
.inws .news-li:hover{ transition: all .5s; -webkit-transition: all .5s; } 
.imgBj{position:relative;}
.imgBj .news-e{color:#fff;text-align:center;background:#3eabe3;position:absolute;left:0;top:0;padding:.1rem;}
.imgBj .news-e span{display:block;font-size:.34rem;font-weight:bold;}
.inws .more{display:flex;}
.inws .more .more1213{margin:.6rem auto 0;}
*/
.overfloat-dot{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;}
.overfloat-dot-2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
/**/
.inws .ul{margin-top: .65rem;}
.inws .ul .li{display: block;float: left; width: 31.7%; margin-right: calc((100% - 3 * 31.7%) / 2); transition: all 0.3s;}
.inws .ul .li:nth-child(3n){margin-right: 0;}
.inws .ul .li .img{width: 100%; height: 0; overflow: hidden; padding-bottom: 63.5%; position: relative;}
.inws .ul .li .img img{position: absolute; transition: all 0.5s; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; object-fit: cover;}
.inws .ul .li .txt{padding-top: 0.25rem;}
.inws .ul .li .txt .txt-h{font-size: 0.26rem; line-height: 200%;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.inws .ul .li .txt .txt-time{font-size: 0.20rem; line-height: 0.3rem; color: #8a9194;}
.inws .ul .li .txt .txt1{font-size:15px;line-height:1.75;color:#666666;}
.inws .ul .li:hover{color: #000;/*-webkit-box-shadow:0 3px 26px rgba(0, 0, 0, .1);-moz-box-shadow:0 3px 26px rgba(0, 0, 0, .1);box-shadow:0 3px 26px rgba(0, 0, 0, .1);*/}
.inws .ul .li:hover img{transform: scale(1.05);}
.inws .ul .li:hover .txt .txt-time{color:#222222;}
.inws .ul .li:hover .txt .txt-h{color:#3eabe3;}

.inws .more{display:flex;}
.inws .more .more1213{margin:.6rem auto 0;}

.foot_con{padding: 30px 0;text-align: center; font-size: 15px;color:#666666; border-bottom: 1px solid #f6f6f6;}
/*底部*/
.foot{width: 100%;padding-top:0.8rem;position: relative;}
.foot .foot1{justify-content:space-between;padding-bottom:0.9rem;display:flex;}
.foot .foot1 .footer_top{width:32%;display: flex;justify-content: flex-end;}
.foot .foot1 .code{display: flex;}
.foot .foot1 .footer-code-item {width:40px;height:40px;border-radius: 50%;margin-right: 25px;position: relative;cursor: pointer;background:#e7e9eb; display: flex;justify-content: center;align-items: center;padding: 8px;box-sizing: border-box;transition: all 0.5s ease; }
.foot .foot1 .code .code-item-code{position: absolute;top: 50px;left: -27px;width: 100px;max-width: none;z-index: 9;display: none;}
.foot .foot1 .footer-code-item:hover {background:#3eabe3;}
.foot .foot1 .footer-code-item:hover svg path{fill:#fff;}
.foot .foot1 .code .footer-code-item:hover .code-item-code {display: block;transition: all 0.5s ease;}

.foot .foot1 .footnav{width:58%;display:flex;justify-content: space-between;}
.foot .foot1 .footnav ul{}
.foot .foot1 .footnav ul li.plat a{font-size: 0.2rem; margin-bottom: 0.3rem; margin-top: 0;color:#333;}
.foot .foot1 .footnav ul li a{font-size:0.18rem;display: block;color:#666666; margin-top: 0.2rem; line-height: 122.22222%; transition: all 0.3s;}
.foot .foot1 .footnav ul li a:hover{color:#3eabe3;}
.foot .foot1 .floot_contact{margin-bottom:.12rem;font-size:.16rem;line-height: .3rem;}
.foot .foot1 .floot_contact .li_item{margin-bottom:.25rem;color:#666666;}

.foot .ewm_img{margin-left:.3rem;}
.foot .foot2{border-top:1px solid #f0f0f0;}
.foot .foot2 .conts{ padding: 0.2rem 0; font-size: 0.16rem;text-align:center; line-height: 150%; color:#999999;}
.foot .foot2 .conts a{display: inline-block; margin-left: 0.1rem; line-height: .2rem; color: rgb(255 255 255 / 20%); transition: all 0.3s;}
.foot .foot2 .conts a img{display: inline-block;vertical-align: text-bottom; margin-right: 0.05rem;}
.foot .foot2 .conts a:hover{}

@media only screen and (min-width:1024px) and (max-width:1366px){
	.foot .foot1{width: 85%;}
	.foot .foot2 .conts{width: 91%;}
	.index_box2 .swiper .hy-txt-box .txt{width:70%;}
}

@media(max-width:1200px){	
	.inws .news-b{line-height: .42rem;font-size:.28rem;} 	
	.inws .news-c{line-height: 22px;font-size:.24rem;} 	
	
	.pdt100{padding-top:50px;}
    .pdb100{padding-bottom:50px;}


}

@media(max-width:1080px){
    .wraper{width:94%;}
    .phone{display:block  !important;}
    .pc{display:none !important;}	
	.f16{font-size:.20rem;}
	.inpro-box1 .inpro-left,.inpro-box1 .inpro-right{width:100%;}
	.inpro-box1 .wraper{flex-direction: column;}
	.h-cont .li .num .numbs{font-size: 0.52rem;}
	.inpro-box1 .tab ul{margin-left:0;}
	.inpro-box1 .prolibox{padding-bottom:0;}
    .xs-show,.n_lianxi .box1 {display: block;}
	.m-select{margin-bottom:20px;position: relative;z-index: 10;}
	.m-select .pro-flex{display: flex;width: 100%;height:44px;align-items: center;box-sizing: border-box;padding:0 10px;font-size:18px;color:#fff;}
	.m-select .pro-flex::after{content: '';position: absolute;right:.2rem;top: 50%;width: .37rem;height:.22rem;background: url('../images/pro_arrow.png') no-repeat;background-size:100%;margin-top:-.12rem;}
	.m-select .pro-flex img{display: block;height: .4rem;margin-right: .2rem;}
	.m-select .indPro-nav{width: 100%;position: absolute;left: 0;top:44px;background: #fff;margin-top: 0;display: none;box-shadow: 0px 5px 10px -3px rgba(0, 61, 136, 0.21);}
	.indPro-nav a{width: 100% !important;line-height:0.8rem;box-shadow: none;background: #fff;color: #253895;font-size: 16px;justify-content: flex-start;padding: 0 10px;}
	.inpro-box1 .tab li a{color: #333333;}
	.indPro-nav a.on,.indPro-nav a:hover{box-shadow: none;}
	.indPro-nav a .hover{display: block !important;}
	.index_box2 .tab li{height:40px;line-height:40px;position:static}
	.index_box2 .tab li.active p{color:#253895;font-weight:400;}   

	.h-box1 .wraper{flex-direction: column;}
	.h-box1 .wraper .h-box-text,.h-box1 .wraper .h-cont{width:100%;}
	
	 .intit .t1{font-size:0.42rem;}	
    .intit .t2{margin-top:0;font-size:.24rem;padding-top:10px;}
	.inpro-box1 .more{margin-left:0;}
	.index_box2 .intit .t1{color:#222;}
	.index_box2 .intit .t2{color:#b2b5b9}
	.more1213{width:100%;font-size:.24rem;}
    .more1213{justify-content: center;margin:30px auto 0;line-height: .75rem;}
	.index_box2 .swiper .hy-txt-box .txt{width:100%;font-size:.24rem;margin-top:0.28rem;line-height:.36rem;}
	.index_box2 .swiper .wraper {position: static;color: #222;transform: translate(0%, 0%);padding-top:3vw;display:block}
	.index_box2 .swiper .hy-txt-box{width:100%;}
	.index_box2 .mySwiper{display:none;}
	.index_box2 .mySwiper3 .more{margin-top:0;}
	.index_box2 .more1213{margin: 30px 0 0;    background: #3eabe3;    border: 2px solid #3eabe3;    color: #fff;}
	.index_box2 .swiper .hy-txt-box h3{font-size: .36rem;}
	
	.index_box2 .mySwiper3{margin-top:0;}
	.index_box2 .intit{position:static;margin-bottom:20px;}
	.inws .news-ul{margin-top:.4rem;}
	.inws .news-ul-r{margin-top:20px;width:100%; float:none}
	.inws .news-ul-l{width:100%;float:none;}
	.h-box1{padding: .75rem 0;}
	.h-box1 .wraper .h-box-text{width:100%;}
	.h-box1 .h-jt-btm{top: 10%;right:.5rem;}

	.h-box1 .h-cont .li{ padding-top:0; width:33.333%;justify-content: flex-start;}
	.h-box1 .h-cont .li .num .txt1{font-size: 0.24rem;}
	.h-box1 .h-cont .li .p{line-height: 130%;}
	.h-box1 .wraper .h-cont{margin-top:.3rem}
	.h-cont .li .text{margin-left:.2rem;}
	.h-box1 .h-cont .li .num .numbs{font-size:.36rem;}
	.h-box1 .more{margin-top:0}
	.h-box1 .more1213{margin:20px auto 0;}
    .h-box1 .h-cont-text,.h-cont .li .p{line-height:.42rem;font-size:.24rem;}
	.h-box4 .more1213,.h-box4 .more{margin-top:0}	
	.h-box4 .ul .li{width:100%;float:none;margin-right:0;margin-bottom:.3rem;}
	.h-box4 .ul .li .txt .txt-jt svg{margin-top:.1rem;}
    .h-box4 .ul .li .txt .txt-sub{font-size:.24rem;}
	.h-box4 .ul .li .txt .txt-h{font-size:.30rem;}
	.foot{padding-top: .6rem;}
	.foot .foot1 .footnav{display:none;}
	.foot .foot1 .floot_contact .li_item{font-size:.24rem;line-height: .38rem;}
	.foot .foot1{ padding-bottom: .6rem;}
	.foot .foot1 .foot-logo,.foot .foot1 .code.floatr{float: none; }
	.foot .foot1 .code{margin-top:.3rem}
	.foot .foot2 .conts{padding: .2rem 0.4rem 0.2rem 0.4rem; font-size: .24rem;}
	.foot .foot1 .code .code-item-code{left:0;width: 80px;}
	.foot .foot1 .footer_top{width:100%;justify-content: space-between;}
	.banner-swiper{margin-top:0;}
	
}

@media(max-width:800px){		
	.inws .news-b{} 	
	.inws .news-c{font-size:.24rem;line-height:.35rem;margin-top: .1rem;}
	.inpro-box1 .inpro-right li{width:50%;}
	.inpro-box1 .inpro-right{margin-top:0;}
	.bth{margin-top: 0.4rem;}
    .bth svg{width:25px;height:30px;}
	.h-box1 .h-cont .li{width:50%;}	
}

/*分页*/
.fy{ clear:both; margin:0 auto; margin-top:35px; font-size:14px; text-align: center;}
.fy b{ display:inline-block; width:24px; height:24px; background:#1B4FBC; line-height:24px; margin:0 4px; color:#fff; font-weight:100; text-align:center; }
.fy a{ display:inline-block; padding:0 8px;height:24px; text-align:center; line-height:24px;margin:0 4px; font-size:14px; background: #E8E8E8; }
.djdt_box .fy b{ background:#1B4FBC; }
.fy a:hover { background:#1B4FBC; color: #fff;}
.iCon { clear: both; width: 100%;}

@media only screen and (min-width:1024px) and (max-width:1440px){
	.banner-swiper .txt .txtl h2{font-size: .5rem;}
}